

import React from 'react';
import { List, Typography, Divider, Badge, Avatar } from 'antd';


const data = [
    'Racing car sprays burning fuel into crowd.',
    'Japanese princess to wed commoner.',
    'Australian walks 100km after outback crash.',
    'Man charged over missing wedding girl.',
    'Los Angeles battles huge wildfires.',
];

const Setting = () => {
    return (
        <div>
            <List
                // header={<div>
                //     <h4>header</h4>
                // </div>}
                // footer={<div>Footer</div>}
                // bordered
                dataSource={data}
                renderItem={(item, index) => (

                    <List.Item style={{ border: 0 }}>
                        <List.Item.Meta
                            avatar={
                                <Badge count={index + 1} style={{ backgroundColor: index < 3 ? '#314659' : ' #fafafa', color: index >= 3 ? 'black' : 'white', fontSize: 12, fontWeight: 600 }} />
                            }
                            title={`工专路 ${index + 1} 号店`}
                        />
                        <div>323,234</div>
                    </List.Item>
                )}
            />
        </div>
    );
};

export default Setting;
